<%--
  Created by IntelliJ IDEA.
  User: zjk
  Date: 2018-08-04
  Time: 10:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加窗口模板</title>
    <link rel="shortcut icon" href="easyui/css/images/favicon.ico"/>
    <link rel="stylesheet" href="css/flipclock.css">
    <link href="css/CalcSS3.css" rel="stylesheet" type="text/css"/>
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
    <link href="easyui/css/easyui.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_animation.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/easyui_plus.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/insdep_theme_default.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/icon.css" rel="stylesheet" type="text/css">
    <link href="easyui/css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">


    <!-- 引入 ECharts 文件 -->
    <script src="js/echarts.js"></script>
    <!--放入自定义的图表-->
    <script src="js/monitor.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/js/jquery.insdep-extend.min.js"></script>
    <script type="text/javascript" src="js/utils/DateFormate.js"></script>
    <!-- 引入公用表单样式 -->
    <link href="css/utils/utilsForm.css" rel="stylesheet" type="text/css">
    <link href="css/utils/utilsDatagrid.css" rel="stylesheet" type="text/css">
    <link href="css/utils/utilsDetails.css" rel="stylesheet" type="text/css">

</head>
<body>
<form id="zjk-salePlan-f" action="" method="post">

    <div class="dd">
        <input id="salePlan-name"  class="easyui-textbox" data-options="label:'计划名称',width:1040">

    </div>


    <div class="dd">
        <input id="competitor-saleChance-combobox" class="easyui-combobox" name="clientinfo"
               data-options="label:'负责人',width:516," prompt="请选择"/>
        <span style="display: inline-block;widht:50px;"></span>
        <select id="competitor-power" prompt="请选择" class="easyui-combobox" name="" style="width:516px;" data-options="label:'审核状态',labelAlign:'right',panelHeight:'auto'">

            <option>未审核</option>
            <option>审核通过</option>
            <option>审核失败</option>
        </select>

    </div>
    <div class="dd">
        <input id="competitor-product"  class="easyui-textbox" data-options="label:'产品策略',labelAlign:'right',width:516,
            labelAlign:'right'">
        <span style="display: inline-block;widht:50px;"></span>
        <input id="competitor-price"  name="provider" class="easyui-textbox" data-options="label:'价格策略',width:516">
    </div>

    <div class="dd">
        <input id="salePlan-budgetMoney"  name="provider" class="easyui-textbox" data-options="label:'预算费用',width:343">
        <span style="display: inline-block;widht:50px;"></span>
        <input   type= "text" class= "easyui-datebox" data-options="label:'创建时间',width:343,panelWidth:273">
        <span style="display: inline-block;widht:50px;"></span>
        <input   type= "text" style="float: left;" class= "easyui-datebox" data-options="label:'更新时间',width:343,panelWidth:273">
    </div>
    <div class="dd"></div>


    <table id="zjk-scheme-dg" class="easyui-datagrid table-chance"  data-options="fit:true,striped:true,height:350,fitColumns:true,checkOnSelect:false,
   autoRowHeight:true,nowrap:false,pagination:true,toolbar:'#zjk-salePlan-edtails-tools',
pageList:[5,10,15,20],pageSize:5">
        <thead>
        <tr class="datagrid-header-row">
            <th data-options="field:'code',width:50,align:'center'">产品编号</th>
            <th data-options="field:'comId',width:40,align:'center'">产品名称</th>
            <th data-options="field:'comName',width:100,align:'center'">单位</th>
            <th data-options="field:'comPower',width:60,align:'center'">售价</th>
            <th data-options="field:'comProduct',width:70,align:'center'">目标销量</th>
            <th data-options="field:'chanceId',width:50,align:'center'">目标销售额</th>
            <th data-options="field:'clientId',width:60,align:'center'">客户</th>
            <th data-options="field:'cliwreId',width:60,align:'center'">销售代表</th>
            <th data-options="field:'operation',width:90,align:'center'" >计划时间</th>

        </tr>
        </thead>
        <tbody>
        <tr class="datagrid-row">
            <td>001</td>
            <td>名称1</td>
            <td>2恢复大师空间发时代峰</td>
            <td>2323</td>
            <td>001</td>
            <td>审核通过</td>
            <td>2323</td>
            <td>001</td>
            <td>324</td>



        </tr>

        </tbody>
    </table>
    <!--工具栏-->
    <div id="zjk-salePlan-edtails-tools">
        <a id="zjk-form-salePlan-edtails-tools-add" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-mini_add2" >添加一行</a>
        <a id="zjk-form-salePlan-edtails-remove" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-my_delete" >删除一行</a>
        <a id="zjk-form-salePlan-edtails-edit" href="#" class="easyui-linkbutton" plain="true" iconCls="icon-my_edit" >修改</a>
    </div>

</form>
<div id="add-salePlan-details" class="easyui-dialog" style="background-color:#EBEFF2;" data-options="title:'添加计划销售的商品',modal:true,
			iconCls:'icon-save2',
			buttons:'#zjk-salePlan-edtails-add-dialog-bb',
			width:'50%',
			height:'35%',
			closed:true,
			href:'add-salePlan-details',
			shadow:true

			 "></div>
<div id="zjk-salePlan-edtails-add-dialog-bb">
    <a href="#" id="zjk-salePlan-edtails-add-dialog-bb-save" class="easyui-linkbutton" data-options="iconCls:'icon-ok2'">保存</a>
    <a href="#" id="zjk-salePlan-edtails-add-dialog-bb-close" class="easyui-linkbutton" data-options="iconCls:'icon-cancel2'">关闭</a>
</div>
<script>
    $(function () {
        //关闭按钮事件
        $("#zjk-salePlan-edtails-add-dialog-bb-close").linkbutton({onClick:function () {
                $('#add-salePlan-details').window('close');
            }});
        //保存按钮事件
        $("#zjk-salePlan-edtails-add-dialog-bb-save").linkbutton({onClick:function () {

            }});
        //打开添加计划销售的商品对话框
        $("#zjk-form-salePlan-edtails-tools-add").linkbutton({onClick:function () {
                $('#add-salePlan-details').dialog('open');
            }});
    });
</script>


</body>
</html>
